@media screen and (max-width:992px){
    .bottom .bottom-right .r-bottom .item{
        width: 50%;
    }
}
@media screen and (max-width:768px){
    .bottom .bottom-right .r-bottom .item{
        width: 100%;
        .item-top{
            height: 50px;
            p:nth-child(1){
                font-size: 16px;
                padding:10px 0 3px 5px;
            }
            p:nth-child(2){
                font-size: 16px;
                padding:0 0 5px 5px;
            }
        }
        .item-bottom{
            height: 25px;
            p span{
                font-size: 12px;
            }
        }
       
    }
    .top .top-right .cancel{
       display: none;
        
    }
    .top .top-right .person{
        margin: 0;
    }
    .top .top-left{
        display: none;
    }
    .bottom .bottom-left{
        display: none;
    }
    .bottom .btn{
        display: block;
    }
    
}
